<template>
  <div class="no-data-tip">
    <p class="tip">- {{ tip }} -</p>
  </div>
</template>

<script>
export default {
  name: 'NoDataTip',
  props: {
    iconType: {
      type: String,
      default: 'icon-tip'
    },
    tip: {
      type: String,
      default () {
        return '没有搜索到相关结果'
      }
    }
  }
}
</script>
<style lang="scss" scoped>
.no-data-tip {
  width: 100%;
  height: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  .tip {
    font-size: .14rem;
  }
}
</style>